<template>
    <div class="row">
        <div class="col-12 view">{{item.content}}</div>
        <input disabled v-model="item.name" class="col-7 mt-1" placeholder="日志名称">
        <textarea disabled v-model="item.summary" class="col-7 mt-2" cols="3" placeholder="摘要" style="resize: none;"></textarea>
        <input type="hidden" :value="item.id">
    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    props: ['item'],
    emits: [],
    methods: {
    },
    watch: {
    },
    computed: {
    }
}
</script>

<style>
.view {
    height: 50vh;
    background-color: rgba(153, 245, 191, 0.98);
    background-size: contain;
    overflow-y: scroll;
}
</style>

<custom1>
  This could be e.g. documentation for the component.
</custom1>
